{% extends "base.html" %}{% load pages_tags %}{% load_pages %}
           {% block content %}
        
		<div id="content">
			<div class="innerpage" id="header">
        	<div class="shadow"></div>
        	<div class="container940">
        		<h1 class="pagetitle">{% placeholder Tagline_title with TextInput %}</h1>
                <div class="pagedesc">{% placeholder Tagline with TextInput %}</div>
                <div class="clear"></div><!-- clear float -->
            </div><!-- end container940 -->
        </div>
        	<div id="main">
			
                <h2 class="title_pattern uppercase"><span>{% placeholder Header_One with TextInput %}</span></h2>
                <div class="one_third firstcols">
                    <img src="/media/images/icons/icon4.png" alt="" class="alignleft" /><h2 class="valignmiddle">{% placeholder Service_Header_1 with TextInput %}</h2>
                    {% placeholder Service_Content_1 with Textarea %}<span class="colortext">{% placeholder Service_Content_Tagline_1 with TextInput %}</span>.
                </div>
                <div class="one_third">
                    <img src="/media/images/icons/icon5.png" alt="" class="alignleft" /><h2 class="valignmiddle">{% placeholder Service_Header_2 with TextInput %}</h2>
                    {% placeholder Service_Content_2 with Textarea %}<span class="colortext">{% placeholder Service_Content_Tagline_2 with TextInput %}</span>.
                </div>
                <div class="one_third lastcols">
                    <img src="/media/images/icons/icon6.png" alt="" class="alignleft" /><h2 class="valignmiddle">{% placeholder Service_Header_3 with TextInput %}</h2>
                    {% placeholder Service_Content_3 with Textarea %}<span class="colortext">{% placeholder Service_Content_Tagline_3 with TextInput %}</span>.
                </div>
                
                <div class="separator"></div>
                
                <div class="tabcontainer">
                    <ul class="tabs">
                        <li><a href="#tab0">{% placeholder Tab_Title_1 with TextInput %}</a></li>
                        <li><a href="#tab1">{% placeholder Tab_Title_2 with TextInput %}</a></li>
                        <li><a href="#tab2">{% placeholder Tab_Title_3 with TextInput %}</a></li>
                    </ul>
                    <div id="tab-body">
                        <div id="tab0" class="tab-content">
                        	<img src="/media/images/content/pic2.jpg" alt="" class="alignleft frame" />
                            <p>{% placeholder Tab_1_Content with Textarea %}</p>
                        </div>
                        <div id="tab1" class="tab-content">
                            <p>{% placeholder Tab_2_Content with Textarea %}</p>
			</div>
                        <div id="tab2" class="tab-content">
                            <p>{% placeholder Tab_3_Content with Textarea %}</p>
                        </div>
                    
		    </div>
                </div><!-- tabcontainer -->
                
                <div class="separator"></div>
                
                <h2 class="title_pattern uppercase"><span>{% placeholder Header_Two with TextInput %}</span></h2>
                <p>{% placeholder Service_Content_Block_Bottom with Textarea %}</p>
                <ul class="customlist2">
                    <li>
                        <img src="/media/images/content/pic14.jpg" alt="" class="frame" />
                        <span class="shadowimg220"></span>
                        <h5 class="colortext">Vestibulum ante ipsum.</h5>
                         <p>Cras faucibus ante ut diam laoreet a congue mi aliquam. Sed interdum nisl pharetra ipsum aliquet tempus. Mauris pulvinar, nisl nec...</p>
                    </li>
                    <li>
                        <img src="/media/images/content/pic15.jpg" alt="" class="frame" />
                        <span class="shadowimg220"></span>
                        <h5 class="colortext">Etiam a elementum arcu.</h5>
                         <p>Cras faucibus ante ut diam laoreet a congue mi aliquam. Sed interdum nisl pharetra ipsum aliquet tempus. Mauris pulvinar, nisl nec...</p>
                    </li>
                    <li>
                        <img src="/media/images/content/pic16.jpg" alt="" class="frame" />
                        <span class="shadowimg220"></span>
                        <h5 class="colortext">Fusce eget leo quis tellus.</h5>
                         <p>Cras faucibus ante ut diam laoreet a congue mi aliquam. Sed interdum nisl pharetra ipsum aliquet tempus. Mauris pulvinar, nisl nec...</p>
                    </li>
                    <li class="last">
                        <img src="/media/images/content/pic17.jpg" alt="" class="frame" />
                        <span class="shadowimg220"></span>
                        <h5 class="colortext">Nam sapien nisi consequat.</h5>
                        <p>Cras faucibus ante ut diam laoreet a congue mi aliquam. Sed interdum nisl pharetra ipsum aliquet tempus. Mauris pulvinar, nisl nec...</p>
                    </li>
                </ul>
                
                
            	<div class="clear"></div><!-- clear float -->
            </div><!-- end #main -->
		</div><!-- end #content -->
        
	{% endblock %}
